<ui:composition template="/template/twocolumn2.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="conteudo">
	   <div id="form_style">
          <div class="cadastro">
            <h3>Alteração de Aluno</h3>
		      <h:form id="form" enctype="multipart/form-data">
			<h:messages style="color:blue" globalOnly="true" />
			<h:panelGrid id="pgcadastro" columns="3">

				<p:outputLabel id="lmatricula"
					value="#{Message['label.usuario.matricula']}:" />
				<p:inputText id="matricula"
					value="#{alunoMB.alunoSelecionado.matricula}" readonly="true" />
				<h:message for="matricula" errorStyle="color:red" />

				<p:outputLabel id="lNome" value="#{Message['label.usuario.nome']}:" />
				<p:inputText id="nome" value="#{alunoMB.alunoSelecionado.nome}" />
				<h:message for="nome" errorStyle="color:red" />

				<p:outputLabel id="lcpf" value="#{Message['label.usuario.cpf']}:" />
				<p:inputText id="cpf" value="#{alunoMB.alunoSelecionado.cpf}"
					readonly="true" />
				<h:message for="cpf" errorStyle="color:red" />

				<p:outputLabel id="lemail"
					value="#{Message['label.usuario.email']}:" />
				<p:inputText id="email" value="#{alunoMB.alunoSelecionado.email}" />
				<h:message for="email" errorStyle="color:red" />

				<p:outputLabel id="ltelefona"
					value="#{Message['label.usuario.telefone']}:" />
				<p:inputMask id="telefone"
					value="#{alunoMB.alunoSelecionado.telefone}" mask="(99) 9999-9999" />
				<h:message for="telefone" errorStyle="color:red" />

				<p:outputLabel id="lendereco"
					value="#{Message['label.usuario.endereco']}:" />
				<p:inputText id="endereco"
					value="#{alunoMB.alunoSelecionado.endereco}" />
				<h:message for="endereco" errorStyle="color:red" />

				<p:outputLabel id="lcidade"
					value="#{Message['label.usuario.cidade']}:" />
				<p:inputText id="cidade" value="#{alunoMB.alunoSelecionado.cidade}" />
				<h:message for="cidade" errorStyle="color:red" />

				<p:outputLabel id="luf" value="#{Message['label.usuario.uf']}:" />
				<p:selectOneMenu style="width:100%" id="uf" value="#{alunoMB.uf}">
					<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
					<f:selectItems value="#{alunoMB.ufItens}" var="uf"
						itemLabel="#{uf.valor}" itemValue="#{uf.valor}" />
				</p:selectOneMenu>
				<h:message for="uf" errorStyle="color:red" />

				<p:outputLabel id="lStatus"
					value="#{Message['label.usuario.status']}:" />
				<p:selectOneMenu style="width:100%" id="status"
					value="#{alunoMB.statusUsuario}">
					<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
					<f:selectItems value="#{alunoMB.statusItens}" var="status"
						itemLabel="#{status.valor}" itemValue="#{status.chave}" />
				</p:selectOneMenu>
				<h:message for="nome" errorStyle="color:red" />

				<p:outputLabel style="width:100%" id="lCurso"
					value="#{Message['label.usuario.curso']}:" />
				<p:selectOneMenu id="curso" value="#{alunoMB.aluno.curso}"
					immediate="true" converter="#{cursoConverter}">
					<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
					<f:selectItems value="#{alunoMB.cursos}" var="curso"
						itemLabel="#{curso.nome}" itemValue="#{curso}" />
						<p:ajax update="turma"></p:ajax>
				</p:selectOneMenu>
				<h:message for="curso" errorStyle="color:red" />

				<h:outputLabel id="lTurma" value="#{Message['label.global.turma']}:" />
				<h:selectOneMenu style="width:100%" id="turma"
					value="#{alunoMB.idTurma}" immediate="true">
					<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
					<f:selectItems value="#{alunoMB.turmas}" var="turma"
						itemLabel="#{turma.nome}" itemValue="#{turma.idturma}" />
				</h:selectOneMenu>
				<h:message for="curso" errorStyle="color:red" />
				
				<h:outputLabel id="lAvatar" value="#{Message['label.usuario.avatar']}:" />
                <p:fileUpload id="logo" value="#{alunoMB.file}" mode="simple" update="alert" sizeLimit="10000000" 
                    allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  
                <h:message for="logo" errorStyle="color:red"/>

			</h:panelGrid>
			     <p:toolbar>  
                        <p:toolbarGroup align="left">  
                        <p:commandButton value="Alterar" action="#{alunoMB.alterarAluno}" ajax="false" icon="ui-icon-check" validateClient="true"  />
                        <p:commandButton value="Cancelar" action="#{alunoMB.voltarConsulta}" immediate="true" ajax="false" icon="ui-icon-cancel"  />
                        </p:toolbarGroup>
                    </p:toolbar>
		</h:form>
	</div>
	</div>
	</ui:define>

</ui:composition>